简介:QQ空间时光轴特效信息展示简洁,交互性好。本课程首先分析特效的界面代码结构:时序菜单和日志列表,还将引入一个重要的知识点:前端模板,并从界面中抽出模板备用。特效部分将会重点分享跳转特效、高亮特效以及滚动页面自动展开时序标签。
第2章 HTML+CSS实现特效界面代码开发
根据之前分析的html结构,编写基本界面结构和样式;同时介绍使用CSS制作圆角、三角形的技巧。
第3章 前端模板介绍及内容生成
介绍前端模板的基本概念:模板、数据、输出;并且实战从界面中抽出模板备用。
第4章 JavaScript实现特效功能开发
主要实现自动固定(or 隐藏展现)时序模块、时序年月标签的点击处理以及滚动页面自动展开时序标签。